<script setup lang="ts">
import { useAdminMyselfStore } from "../store/adminMyself"
import Content from "./Content.vue"

const { common } = useAdminMyselfStore()
</script>

<template>
  <t-row class="container">
    <t-card class="card" header-bordered title="个人中心">
      <template #actions>
        <t-button size="small" @click="common.saveConfig">保存</t-button>
      </template>
      <t-row class="main">
        <Content />
      </t-row>

    </t-card>
  </t-row>

</template>

<style scoped lang="less">
@border-color: var(--td-component-border);
.container {
  border: @border-color 1px solid;
  padding: 10px;
  margin: 10px 0;
  .card{
    width: 100%;
    .space{
      width: 100%;
    }
    .main{
      border: @border-color 1px solid;
      margin: 20px;
      box-sizing: border-box;
    }
  }
}
</style>
